<template>
  <view>
    <view v-for="(item,index) in ZhuanList" :key="index" class="nav">
      <!-- <view class="tit_name">{{item.title}}</view> -->
       <image :src="item.photo"  class="tit_img"></image>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        ZhuanList: []
      };
    },
    methods: {
      async getSwiper() {
        const {data:res } = await uni.$http.get('/first-special/all')
        console.log(res);
        if(res.code !== 200) {
          console.log("错误");
        }
        this.ZhuanList = res.data
      },
    },
    onLoad() {
      this.getSwiper()
    }
  }
</script>

<style lang="scss">

.nav {
  width: 90%;
  height: 220rpx;
  text-align: center;
  margin: 20px auto;
  .tit_name {
    text-align: center;
    color: white;
    font-size: 30rpx;
    font-weight: 600;
  }
  .tit_img {
    width: 100%;
    height: 90%;
  }
}
</style>
